.i-a {
    color: #1890ff;
    text-decoration: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects;
}

.i-card {
    padding: 0px;
    margin: 5px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
}

.i-round {
    border-radius: 999px;
}

.i-center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.i-hover-scroll {
    overflow: hidden;
}

.i-hover-scroll:hover {
    overflow: auto;
}

.i-inline {
    display: inline-block;
}

.i-float-clearfix{

}

.i-float-clearfix::after{
    content: '';
    clear: both;
    display: block;
}

.i-float-left {
    float: left;
}

.i-float-right {
    float: right;
}

.i-scrollbar {

}

.i-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f5f5f5;
}

.i-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    border-radius: 10px;
    background-color: #f5f5f5;
}

.i-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    background-color: #c7c7c7;
}

.i-text-vel {
    writing-mode: tb-rl;
}

.i-button {
    border: solid 1px #eee;
    min-width: 48px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    background-color: dodgerblue;
    color: white;
}

.i-input {
    border: solid 1px #aaa;
    border-radius: 5px;
    padding: 5px 8px;
    margin: 0;
    min-width: 22px;
    min-height: 22px;
    outline: none;
}

.i-text-wrap-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.i-text-wrap-scroll {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.i-text-wrap-scroll-item {
    animation: aniTextWrapScroll linear 4s infinite;
    float: left;
}

@keyframes aniTextWrapScroll {
    0% {
        margin-left: 0;
        transform: translateX(0);
    }

    20% {
        margin-left: 0;
        transform: translateX(0);
    }

    80% {
        margin-left: 100%;
        transform: translateX(-100%);
    }

    99% {
        margin-left: 100%;
        transform: translateX(-100%);
    }

    100% {
        margin-left: 0;
        transform: translateX(0);
    }
}

.i-blur-glass-2 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.i-blur-glass-5 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.i-blur-glass-8 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.i-blur-glass-11 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.i-blur-glass-15 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.i-blur-glass-20 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.i-blur-glass-30 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.i-blur-glass-50 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.i-blur-glass-80 {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(80px);
}
